<!--
 * @Description: 推荐页面
 * @Author: 56208
 * @Date: 2025/4/18 18:50
 * @LastEditors: 56208
 * @LastEditTime: 2025/4/18 18:50
 * @FilePath: D:/vue3-electron-music/src/renderer/src/view/recommend\index.vue
 -->

<template>
  <div class="h-268 rounded-12">
    <div class="text-18 text-main font-w-900">酱爆!今日为你推荐</div>
    <div class="mt-12 d-flex">
      <SongRecommend></SongRecommend>
      <SingAlbum></SingAlbum>
    </div>
  </div>
  <div class="mt-24">
    <div class="text-18 text-main font-w-900">红心歌曲推荐</div>
    <div class="d-flex flex-d-col mt-12">
      <SongList :song-list="singleSong"></SongList>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import SongList from '@renderer/components/songList/index.vue'
import SongRecommend from '@renderer/view/recommend/components/songRecommend.vue'
import SingAlbum from '@renderer/components/singAlbum/index.vue'

const singleSong = ref([
  {
    name: '测试测试测试测试测试',
    artistName: '测额是',
    songTime: '06:21'
  },
  {
    name: 'sddsd',
    artistName: '测额是',
    songTime: '06:21'
  }
])
</script>

<style scoped lang="less">
</style>
